.pubCenter{
    position: absolute;
    left: 0;
    top: 0;
    margin: auto auto;
    bottom: 0;
    right: 0;
    max-height: 100%;
    max-width: 100%;
}
body,div,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dd,dt,img,form,header,article,footer{padding:0px; margin:0px; border:0; }
h1,h2,h3,h4,h5,h6 {font-weight:100;}
select{ padding:0px; margin:0px; overflow:scroll;}
ul,ol li{ list-style:none;}
input { padding:0px; margin:0px;outline:none;}
.l { float:left;}
.r { float:right;}
.c{clear: both;}
.m{margin:0 auto;}
.clear { clear:both; font-size:0px; height:0px; overflow:hidden;}
a:link, a:visited { text-decoration:none;}
a:hover { text-decoration:none;}
body{word-wrap:break-word;display:box;display: -webkit-box;-webkit-box-orient: vertical;box-orient:vertical;}
html,body{width:100%;min-height: 100%;font-family: "微软雅黑";font-weight: 500;}
#handers{
    .head{height: 50px;background: #2e2e2e;min-width: 1152px;}
    .header{height: 50px;width: 1152px;background: #2e2e2e;}
    .logo{width:155px;height: 50px;}
    .logo a{display: block;height: 100%;width: 100%;}
    .logo a img{height: 100%;}
    .nav{height: 100%;min-width:0px;overflow: hidden;padding-left: 43px}
    .nav li {cursor: pointer;float: left;padding: 0 46px 0 46px;height: 26px;line-height: 26px;margin-top: 12px;border-left:1px solid #5b5b5b;}
    .nav li a{color:#efefef;font-size: 16px;}
    .nav li:hover >a{color:#5b5b5b;}
    .nav li a:active{position: relative;top: 1px;}
    .loding{width:120px;height: 50px;line-height: 50px;}
    .loding a{color: #EFEFEF;font-size: 16px}
    .loding a:hover{color: #5b5b5b;}
    .loding a:active{color: #5b5b5b;position: relative;top: 1px;}
    .mineIM{width:270px;height: 50px;line-height: 50px}
    .touxiang{height: 30px;width: 30px;border-radius:50%;display: inline-block;margin-top: 10px;position: relative;}
    .touxiang b{z-index: 8;font-size: 12px;left: 24px;top: -4px;display: block;position: absolute;width: 16px;height: 16px;border-radius: 50%;background: #a00912;color: #fff;line-height: 16px;text-align: center;}
    .touxiang img{display: inline-block;height: 100%;width: 100%;border-radius: 50%;position: absolute;}
    .names{position: relative;display:inline-block;height: 30px;width: 50px;padding-right: 30px;margin-left: 30px;margin-top: 10px;color: #efefef;line-height: 30px;font-size: 16px;cursor: pointer;}
    .names >span{position: absolute;left: -14px;}
    .names .user_list{display: none;width: 216px;height: auto;position: absolute;left: -80px;top: 40px;z-index: 8;background: #fff;border: 1px solid #eeeeee;border-bottom:none;border-radius:0 0 6px 6px;box-shadow: 1px 2px 5px #E0E0E0;}
    .names .user_list li{height: 54px;line-height: 54px;border-bottom: 1px solid #eeeeee;text-align: center;}
    .names .user_list li a{font-size: 16px;color: #000;display: block;width: 100%;height: 100%;transition: text-indent 0.3s;}
    .names .user_list li a:hover{color: #a00912;text-indent: 10px;}
    .cars{color: #C7C7C7;font-size: 16px;display: none;}
    .cars span{color: #A00912;}
    .hander_cat{width: 110px;height: 50px;float: left;overflow: hidden;position: relative;display: block;color: #efefef;}
    .hander_cat .img_cat{width: 35px;height: 35px;position: relative;top: 6px;}
    .hander_cat .img_cat img{position: absolute;left: 0;top: 0;}
    .hander_cat .img_cat b{z-index: 8;font-size: 12px;left: 24px;display: block;position: absolute;width: 16px;height: 16px;border-radius: 50%;background: #a00912;color: #fff;line-height: 16px;text-align: center;}
    .hander_cat >span{float: left;line-height: 50px;font-size: 16px;display: block;position: absolute;left: 50px;color: #efefef;top: 0;}
}

//产品框
#bbsEdit{
    width: 100%;
    height: 100%;
    overflow: hidden;
    //拖拽的板式kuang
    #div_drap{
        font-size: 14px;color: #333;background: #fff;
        position: absolute;
        top: -6px;right: -50px;width: 200px;height: 400px !important;z-index: 8;
        border: 1px solid #ccc;
        width: 12.8125rem;
        height: 12.8125rem;
        box-shadow: 0 10px 10px -6px #777;
        cursor:move;

       .titleBox{width: 100%;height: 30px;line-height: 30px;text-align: center;border-bottom: 1px solid #d7d7d7;}
       .titleClose{
           >i{
               font-size: 30px;color: #ccc;
           }
           &:hover{
               cursor: pointer;

           }
           &:active{
               top: 1px;color: #a00912;
           }
           position: absolute;right: 0;top: 0;width: 30px;height: 30px;}

           .checkBS_b{
               width: 100%;
               height: 369px;
               overflow-y: auto;
                background: #fff;
                >.img_div{
                    width: 45%;
                    float: left;
                    position: relative;
                    height: 130px;
                    margin-left: 5%;
                    margin-top: 6px;
                    margin-bottom: 6px;
                    border:1px solid #C4C4C4;
                    box-sizing: border-box;
                     img{
                          cursor:default;
                          display: block;
//                        width: 80%;
                          .pubCenter;
                      }
                }

              .boder_actiev{
                 border: 1px solid #a00912 !important;
              }
           }
    }
}
.comtent_chanpin{
    width:100%;
    background: #efefef;
    .line_comtent{
        border-bottom: 1px solid #D3D3D6;
      .comtent{
        width: 1040px;
//      height: 300px;
        margin: 0 auto;
//      overflow: auto;
        position: relative;
        .box_menu{
            width: 120px;
            height: 200px;
//          border: 1px solid red;
            position: absolute;
            right: -130px;
            top: 0px;
            ul{
                >li{
                    cursor: pointer;
                    height: 35px;
                    line-height: 35px;
                    margin: 10px;
                    font-weight: 400;
                    transition: all 0.2s;
                    font-size: 14px;
                    i{
                        padding: 0 4px;
                        font-size: 16px;
                        &:hover{
                          opacity: .8;
                          text-indent: 2px;
                          color: #a00912;
                        }
                    }
                    &:hover{
                      opacity: .8;
                      text-indent: 2px;
                      color: #a00912;
                    }
                    &:active{
                        position: relative;
                        top: 1px;
                    }
                }

            }
        }
        .title{
            font-size: 14px;
            color: #333;
            line-height: 54px;
            height: 54px;
            width: 100%;
            overflow: hidden;
            >div{
                width: 50%;
                >span{
                    font-size: 14px;color: #333;font-weight: 500;
                    padding-right: 20px;
                }
            }
            .title_left{
                float: left;
                text-indent: 100px;
            }
            .title_right{
                width: 40%;
                float: right;
                text-align: right;
                padding-right: 100px;
            }
        }

        //
        .time_main_left{
            width:100%;
           overflow-y: auto;;
            margin-top: 30px;
            .time_bg{
                float: left;
                width: 320px;
                height: 242px;
                background: #fff;
                margin:   0px 8px 10px 8px;
                overflow: hidden;
                >div{
//                  width: 50%;
//                  float: left;
//                  height: 100%;
                }

            }
        }
    }
    }

    //模版样式
    .active_line{border: 1px solid #a00912 !important;height: 242px !important;overflow: hidden;}
//  .hengban_bbs{
//      width: 100%;
//      height: 100%;
//      >.time_pu{
//          width: 100% !important;
//          height: 100% !important;
//          .hengbanText{
//             margin-left: 20px !important;
//           }
//          .bbs_hengban{
//              width: 280px;
//              height:160px;
//              margin: 15px auto 15px;
//              .div_page{
//                  width:100%;position: relative;height: 100%;
//                  background-color: #d2d2d2 ;
//
//              }
//          }
//
//      }
//  }
    .pubilc_div{
//          transition: all 1.3s;
            box-sizing: border-box;
//          border: 1px solid #fff;
                   >.time_pu{
                    position: relative;
                    width: 50%;
                    float: left;
                    height: 100%;
                    .bbsClass{
                       overflow: hidden;
                       position: relative;
                       .drap_img{
                           position: absolute;
                           left: 0;
                           top: 0;
                           width: 100%;
                           height: 100%;
                           z-index: 2;
                       }
                       .div_page{
                           overflow: hidden;
                           position: relative;
//                         z-index: 9;
                           >img{
                                z-index: 1;
                                position: absolute;
                           }
                       }
                       >img{
//                          .pubCenter;
                            position: absolute;
                        }
                     }
                    .template01{
                        width: 128px;
                        height: 128px;
                        margin: 42px auto 26px;
                         background-color: #d2d2d2;
                    }
                    .template02{
                       width: 124px;
                        height: 167px;
                        margin: 14px auto 15px;
                         background-color: #d2d2d2;
                    }
                    .template03{
                        width: 128px;
                        height: 180px;
                        margin: 10px auto 6px;
                        .div_page{
                            width: 100%;
                            height: 88px;
                            background-color: #d2d2d2;

                        }
                        .div_page:first-child{
                            margin-bottom: 4px;
                        }
                    }
                    .template04{
                         width: 128px;
                        height: 180px;
                        margin: 10px auto 6px;background-color: #d2d2d2;
                    }
                    .template05{
                        width: 128px;
                        height: 88px;
                        background-color: #d2d2d2;
                         margin: 64px auto 44px;
                    }
                    .template06{
                        width: 128px;
                        height: 94px;
                        overflow: hidden;
                        margin: 53px auto 49px;
                        .div_page{
                            width: 60px;
                            height: 100%;
                            float: left;
                            background-color: #d2d2d2;
                        }
                        .div_page:last-of-type{
                            float: right;
                        }
                    }
                    .template07{
                        width: 134px;
                        height: 132px;
                        overflow: hidden;
                        margin: 34px auto 30px;
                        .div_page{
                            width: 64px;
                            height: 64px;
                            float: left;
                            background-color: #d2d2d2;
                            margin-bottom: 4px;
                        }
                        .div_page:nth-child(2n+2){
                            float: right;
                        }

                    }
                    .template08{
                        width: 104px;
                        height: 150px;
                         overflow: hidden;
                          margin: 20px auto 26px;
                         .div_page{
                             width: 48px;
                             height: 72px;
                             float: left; background-color: #d2d2d2;
                             margin-bottom: 4px;
                         }
                         .div_page:nth-child(2n+2){
                            float: right;
                        }
                    }
                    .text{
                        line-height: 12px;
                        height: 12px;
                        font-size: 12px;
                        overflow: hidden;
                        border: 1px solid #d2d2d2;
                        box-sizing: border-box;
                         width: 128px;
                         margin: 0 auto;
                    }
                    .page{
                        line-height: 30px;
                        height: 30px;
                        font-size: 14px;
                        text-align: center;
                        background: #efefef;
                        color: #333;
                        margin-top: 4px;
                        >div{
                            width: 50%;
                            float: left;
                            font-size: 13px;
                        }
                        .pageleft{

                        }
                        .pageRight{
                            cursor: pointer;
                        }
                        .pageRight:hover{
                            opacity: .8;
                        }
                        .pageRight:active{
                            position: relative;top: 1px;
                        }
                    }
                }
                }





    //底部图片框
   .footer_img{
      width: 100%;
      min-width: 1100px;
//    height: 176px;
      background: #fff;
      position: relative;
      bottom: 0;
      left: 0;
      .footer_up_tittle{
          width: 100%;
          height: 50px;
          line-height: 50px;
          border-bottom: 1px solid #d2d2d2;
          font-size: 14px;

          color: #6b6b6b;
              .footer_btn{
                height: 30px;
                line-height: 30px;
                background: #fff;
                padding: 0 10px;
                border: 1px solid #b2b2b2;
                border-radius: 5px;
                position: relative;
                outline: none;
                margin: 0 5px;
                 font-size: 14px;  color: #6b6b6b;
                   cursor: pointer;
                   box-sizing: border-box;
              }
              span{text-align: center;display: block;cursor: pointer;}
          >div{
              width: 33.33%;
              float: left;
              height: 100%;
          }
          .footer_left{
              text-indent: 5%;
          }
          .footer_right{
              text-indent: 5%;
          }


      }
      .fonter_box_img{
        width: 100%;
        height: 116px;
        overflow-x: auto;
//      display: none;
        >ul{
             width: 100%;
             height: 100%;
            >li{
                width: 116px;
                height: 116px;
                position: relative;
                margin: 0 10px;
//              padding: 5px 0;
                cursor:pointer;
                float: left;
                >img{
                   .pubCenter;
                }
            }
        }
      }
   }
}


//全局的模态框
#model{
        position: relative;
         z-index: 999;
        .el-button{
             padding: 8px 15px;
         }
         .el-button--danger{
             background: #a00912;
             border: 1px solid #a00912;
             float: right;
         }
         .el-button--danger:hover{
             opacity: .8;
         }
          .el-button:active{
              position: relative;
              top: 1px;
          }
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;left: 0;
  .model{
      position: relative;
      z-index: 9;
      width: 100%;
      height: 100%;
      background: rgba(0,0,0,0.5);
        top: 0;
        left: 0;
        .upload_box{
            .textBox{
                display: block;
                width: 80%;
                height: 300px;
                margin: 0 auto;
                border: 1px solid #333;
                font-size: 14px;
                text-indent: 4px;
                line-height: 30px;
            }
            .btn_box{
                 width: 80%; margin: 10px auto;
                 height: 34px;
                 .el-button{
                     padding: 8px 15px;
                 }
                 .el-button--danger{
                     background: #a00912;
                     border: 1px solid #a00912;
                     float: right;
                 }
                 .el-button--danger:hover{
                     opacity: .8;
                 }
                  .el-button:active{
                      position: relative;
                      top: 1px;
                  }
            }
//          >.el-button{
//              text-align: center;
//          }
            .pubCenter;
            width: 700px;
            height: 520px;
            background: #fff;
            .upload_title{
                width: 100%;
                height: 40px;
                line-height: 40px;
                font-size: 14px;
                position: relative;
                >span{
                    margin: 0 10px;
                    padding: 10px;cursor: pointer;
                }
                .icons:hover{
                    opacity: .7;
                    >i{
                       opacity: .7;
                    }
                }
                .icons:active{
                    opacity:1;
                    color: #F9C855;
                    >i{
                         opacity:1;
                         color: #F9C855;
                    }
                }
                //撤销
                .return_span{
                    width: 70px;
                    height: 40px;
                    position: absolute;
                    left: 0;top: 0;
                    line-height: 40px;
                    padding: 0px;
                    color: #333;
                }
                >p{
                    text-align: center;
                    border-bottom: 1px solid #ddd;
                    font-size: 14px;
                    color: #333;
                }
                .color_span{
                    color: #a00912;
                }
                .close{
                    width: 54px;
                    height: 30px;
                    position: absolute;
                    right: 0;
                    top: 0;color: #333;
                    cursor: pointer;
                    >i{
                        position: relative;
                        top: 2px;
                        font-size: 18px;
                        color: #000;
                    }
                }
                .closes{
                    width: 30px !important;
                    font-size: 26px;
                    color: #333;
                    top: -2px;

                }
                .closes:hover{
                    color: #ccc;
                }
                .closes:active{
                    top: -1px;
                }
            }
            //旋转
            .rotate_img{
                width: 86%;
                margin: 0 auto;
                border-top: 1px solid #ddd;
                height: 60px;
                position: absolute;
                bottom: 0;left: 8%;
                overflow: hidden;
                >div{
                    width: 50%;
                    height: 60px;
                    float: left;
                    text-align: center;
                    >div{
                        width: 100px;
                        cursor: pointer;
                        >i{
                        display: block;color: #3d3d3d;margin-top: 10px;
                        }
                        >span{
                            color: #3d3d3d;
                            font-weight: 400;
                            font-size: 12px;
                        }
                    }
                     >div:hover{
                          >i{
                             color: #000;
                          }
                           >span{
                              color: #000;
                           }
                     }
                     >div:active{
                         position: relative;
                         top: 1px;
                     }
                }
                .rotate_left_90{
                    >div{
                        float: right;
                        >i{
                        display: block;
                        }
                        >span{

                        }
                    }
                }
                .rotate_right_90{
                     >div{
                         float: left;
                     }
                }
            }
            .upload_inbox {
                padding: 20px;
                position: relative;
                height: 410px;
//              width: 660px;
                overflow-y: auto;
//              overflow-x: hidden;
                padding-bottom: 0;
                .imagebox{
                    width: 117px;
                    height: 117px;
                    margin: 4px;
                    border: 2px solid #fff;
                    overflow: hidden;
                    cursor: pointer;
                    float: left;
                    position: relative;
                    >img{
                        .pubCenter;
                    }
                    >i{
                        display: block;
                        .pubCenter;
                        width: 50px;
                        height: 50px;
                        font-size:54px;
                        color: #ccc;
                        cursor: pointer;
                        top: -8px;
                        right: -4px;
                    }
                }
                .img_size_border{
                        border: 2px solid #a00912 !important;
                }
            }
        }
  }
}

//冲突的element样式
body .el-loading-spinner .path{
        stroke: #333 ;
}
body .el-loading-spinner .el-loading-text{
    color: #333;
}
.shield{
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 100;
  background: rgba(0,0,0,.55);
}
.preview_wrapper{
  position: fixed;
  top: 90px;
  left: 50%;
  margin-left: -465px;
  z-index: 200;
  background: #fff;
}
.preview_comtent{
  width: 900px;
  height: 550px;
  overflow: hidden;
  .preview_page{
    position: relative;
    float: left;
    width: 450px;
    height: 100%;
    overflow: hidden;
    font-size: 0;
    text-align: center;
    background: #fff;
    .title{
      position: absolute;
      bottom: 4px;
      display: block;
      width: 100%;
      font-size: 16px;
      font-weight: 400;
      text-align: center;
    }
    .page_style_1{
       position: relative;
       top: 50%;
       left: 50%;
       display: block;
       width: 360px;
       height: 360px;
       margin: -180px 0 0 -180px;
     }
    .page_style_2{
       position: relative;
       top: 50%;
       left: 50%;
       display: block;
       width: 360px;
       height: 466px;
       margin: -233px 0 0 -180px;
     }
    .page_style_3{
      display: block;
      width: 360px;
      height: 230px;
      margin: 20px auto;
    }
    .page_style_4{
      position: relative;
      top: 50%;
      left: 50%;
      display: block;
      width: 360px;
      height: 496px;
      margin: -248px 0 0 -180px;
    }
    .page_style_5{
      position: relative;
      top: 50%;
      left: 50%;
      display: block;
      width: 360px;
      height: 330px;
      margin: -165px 0 0 -180px;
    }
    .page_style_6{
      display: inline-block;
      width: 180px;
      height: 360px;
      margin: 80px 20px 0 0;
      &.img_style_6_2{
        margin-right: 0;
      }
    }
    .page_style_7,.page_style_8{
      display: inline-block;
      width: 180px;
      height: 180px;
      margin: 20px 20px 0 0;
      &.img_style_7_1,&.img_style_7_2{
        margin-top: 60px;
      }
      &.img_style_7_2,&.img_style_7_4,&.img_style_8_2,&.img_style_8_4{
        margin-right: 0;
      }
    }
    .page_style_8{
      height: 220px;
      &.img_style_8_1,&.img_style_8_2{
        margin-top: 30px;
      }
    }
  }
}
//首页
#index{
    width: 100%;
    .el-carousel__item{
       min-width: 1152px;
        img{
            width: 100%;
            height: 100%;
        }
    }
    /*main*/
    .main{min-height: 940px;overflow: hidden;min-width: 1152px;}
    .main .cont{height:870px;min-width: 1152px;padding-top: 69px;overflow: hidden;}
    .main .cont p{color:#333;font-family:"微软雅黑";min-width: 206px;text-align: center;overflow: hidden;}
    .main .cont .intro{font-size: 18px;}
    .main .cont .tit{font-size: 64px;margin-top: 25px;font-weight: 100;}
    .main .cont_hc{background: url(../img/index_03.jpg) no-repeat center center;}
    .main .cont_cth{background: url(../img/index_04.jpg) no-repeat center center;}
    .main .cont_kh{background: url(../img/index_05.jpg) no-repeat center center;}
    .main .cont_hb{background: url(../img/index_06.jpg) no-repeat center center;}
    .main .cont_tl{background: url(../img/index_07.jpg) no-repeat center center;}
    .main .cont_gl{background: url(../img/index_08.jpg) no-repeat center center;}
    .main .cont_video{background: url(../img/video_04.jpg)no-repeat center center;overflow: hidden;height: 868px;}

    /*video*/
    .main .cont .pvideo{height: 310px;width:582px;border-radius: 30px;border: 2px solid  #b09976;margin-top: 80px;position: relative;background: url(../img/sangeren_05.png) no-repeat center center;}
    .main .cont .ptext{width: 1152px;height: 135px;font-size: 24px ;font-family: "微软雅黑";color: #000;line-height: 48px;margin-top: 90px;text-align: left;}
    /*.main .cont .pvideo .vbtn{height: 99px;width: 148px;background: rgba(3,3,3,0.5);border-radius: 20px;position: absolute;top:0;left: 0;right: 0;bottom: 0;margin: auto auto;border: none;cursor: pointer;}*/
    .main .cont .pvideo .vbtn{height: 99px;width: 148px;background: url(../img/video_start.png) no-repeat;position: absolute;top:0;left: 0;right: 0;bottom: 0;margin: auto auto;border: none;cursor: pointer;}

    .main .cont .price{margin-top: 620px;height: 30px;}
    .main .cont .price .s1{font-family: "黑体";font-size: 16px;display:inline-block;height: 30px;line-height: 30px;margin-right: 40px;}
    .main .cont .price .s2{font-family: "微软雅黑";font-size: 18px;font-weight: 100;display: inline-block;height: 30px;line-height: 30px;}
    .main .cont .come{margin-top: 25px;height: 36px;text-align: center;}
    .main .cont .come input{width: 150px;border: none;background: #010101;color: white;border-radius: 4px;height: 30px;font-size:16px;font-family: "微软雅黑";cursor:pointer;}
    .main .cont .come input:hover{opacity: 0.8;}
    .main .cont .come input:active{opacity: 0.8;position: relative;top: 1px;}
}
//user

#user{
    .work{width: 1196px;overflow: hidden;}
    .workL{width: 172px;/*height: 804px;*/margin-bottom: 100px;border-radius: 5px;border:1px solid #dedede;background: #fff;margin-top: 14px;margin-left: 20px;}
    .workL .worklist{width: 168px;height: 100%;}
    .workL .worklist li{width: 118px;height: 55px;border-bottom:1px solid #e5e5e5;overflow: hidden;font-size: 16px;line-height: 55px;padding-left:50px;font-weight: 900;}
    .workL .worklist li a{display: block;height: 100%;width: 100%;color: #303030;}
    .workL .worklist .wli{border: none;font-weight: 100;transition: all 0.5s;}
    .workL .worklist .wli:hover{text-indent: 6px;}
    .workL .worklist .wlithat a{color: #a00912;}
    .workL .worklist .wli001{border-bottom:1px solid #e5e5e5;}

//  .workL .worklist .wli1{background: url(../img/tubiao_01.png) no-repeat 8px center;}
//  .workL .worklist .wli2{background: url(../img/tubiao_02.png) no-repeat 8px center;}
//  .workL .worklist .wli3{background: url(../img/tubiao_03.png) no-repeat 8px center;}
//  .workL .worklist .wli4{background: url(../img/tubiao_04.png) no-repeat 8px center;}
//  .workL .worklist .wli5{background: url(../img/tubiao_05.png) no-repeat 8px center;}
//

    .workR{overflow: hidden;width: 960px;height: 1100px;margin-bottom: 100px;border-radius: 5px;border:1px solid #dedede;background: #fff;margin-top: 14px;margin-right: 20px;}
    .workR .worktit{height: 55px;font-size: 16px;width: 898px;border-bottom: 1px solid #DEDEDE;color: #303030;font-weight: 900;line-height: 55px;}
    .workR .worktop{height: 76px;font-size: 16px;width: 898px;color: #303030;line-height: 76px;}
//  .workR .workset{height: 40px;width: 131px;border: 1px solid #9e9e9e;border-radius: 4px;background: #FFFFFF;font-size: 16px;color: 9e9e9e;font-family: "微软雅黑";margin-left: 30px;margin-top: 18px;text-indent: 10px;outline: none;/*background: url(../img/b_jian_07.png) 90% center no-repeat;*/ cursor: pointer;}
    .workR .workworks{display: inline-block;color:#A00912;padding: 0 20px 0 10px;}
    .workR .workworks:hover{text-decoration: underline;}
    .workR .workworks:active{position: relative;top: 1px;}

    .workR .workcont{width: 898px;height: 850px;overflow: hidden;}
    .workR .workbox{width:1000px;height: 850px;}
    .workR .workcont .workphoto{width:260px;height: 280px;margin-right: 56px;margin-bottom: 5px;position: relative;}
    .workR .workcont .workphoto >b{width: 18px;height: 18px;position: absolute;border: 2px solid #bfbfbf;top: 8px;right: 8px;z-index: 8;background: #fff;}
    .workR .workcont .workphoto >b >i{width: 12px;height: 12px;background: #a00912;position: absolute;margin: auto auto;top: 0;bottom: 0;right: 0;left: 0;border-radius: 50%;}
    .workR .workcont .work_img{width: 260px;height: 195px;display: block;position: relative;overflow: hidden;}
    .workR .workcont .work_img img{transition: all ease-out 0.5s;max-height: 100%;max-width: 100%;display: block;position: absolute;top: 0;left:0;bottom: 0;right: 0;margin: auto auto;}
    .workR .workcont .work_img img:hover{transform: scale(1.2);}

    .workR .workcont .workp1{width: 250px;overflow: hidden;font-size: 14px;color: #303030;font-weight: 900;margin: 8px 10px 8px 10px ;height: 15px;}
    .workR .workcont .workp2{font-size: 14px;color: #cbcbcb;margin: 0px 10px 0px 10px ;}
    .workR .workcont .workp3 input{font-size: 14px;color: white;border: none;background:#a00912;border-radius:4px;padding: 3px 13px 3px 13px;cursor: pointer;}
    .work_name{width: 194px;overflow: hidden;}
    .workR .workcont .workp3 input:hover{opacity: 0.7;filter:alpha(opacity=70);}
    .workR .workcont .workp3 input:active{position: relative;top: 1px;}

    .el-pagination{
       width: 620px;
       margin: 0 auto;
    }
}
